<template>
<CommonCart title="累计订单量" :value="orderToday">
    <template>
       <v-chart :options="getOptions()" />
    </template>
    <template #footer>
        <span >昨日订单量 </span>
        <span class="emphasis">{{orderLastDay}} </span>
    </template>
</CommonCart>
</template>

<script>
import commonCartMixin from '../../mixins/commonCartMixin'
import commonDataMixin from '../../mixins/commonDataMixin'
export default {
    name: 'TotalOrders',
    mixins: [commonCartMixin,commonDataMixin],
    methods: {
      getOptions () {
        return {
          xAxis: {
            show: false,
            type: 'category',
            boundaryGap: false
          },
          yAxis: {
            show: false
          },
          series: [{
            type: 'line',
            smooth: true,
            lineStyle: {
              width: 0
            },
            itemStyle: {
              opacity: 0
            },
            data:this.orderTrend,
            areaStyle: {
              color: 'purple'
            }
          }],
          grid: {
            top: 0,
            left: 0,
            bottom: 0,
            right: 0
          }
        }
      }
    }
}
</script>

<style  lang='scss' scoped>

</style>
